<template>
<!-- 分类头部组件 -->
  <div class="category-header">
    <!-- 使用事先写好的具名插槽改变input里面的默认内容就可以了 -->
    <ProductListHeader>
      <input type="text" placeholder="家电返场同价11.11" slot="contents">
    </ProductListHeader>
  </div>
</template>

<script>
import ProductListHeader from '../../product-list/components/productListHeader.vue'
  export default {
    components:{
      ProductListHeader
    }
  }
</script>

<style lang="scss" scoped>
  input::placeholder{
    color: #666;
  }
  .category-header{
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #ddd;
  }
</style>